import { App, Plugin } from 'vue';
import selectRuleModal from '@/components/select-modal/rule/index.vue'
import selectIconModal from '@/components/select-modal/icon/index.vue'
import backBtn from '@/components/ui-unit/back-btn/index.vue'
import uploadBtn from '@/components/ui-unit/upload-btn/index.vue'
import help from '@/components/ui-unit/help/index.vue'
import page from '@/components/ui-unit/page/index.vue'
import editor from '@/components/ui-unit/editor/index.vue'
import phonePreview from '@/components/ui-unit/editor/phone-preview.vue'
import progress from '@/components/ui-unit/progress/index.vue'
import payType from '@/components/ui-unit/pay-type/index.vue'
import money from '@/components/ui-unit/money/index.vue'
import searchFormMain from '@/components/ui-unit/search-form-main/index.vue'
import shortcutsTime from '@/components/ui-unit/shortcuts-time/index.vue'
import listTab from '@/components/ui-unit/list-tab/index.vue'

export const ComponentsPlugin: Plugin = {
    install(app: App) {
        app.component('select-rule-modal', selectRuleModal);
        app.component('select-icon-modal', selectIconModal);
        app.component('back-btn', backBtn);
        app.component('upload-btn', uploadBtn);
        app.component('help', help);
        app.component('page', page);
        app.component('editor', editor);
        app.component('phone-preview', phonePreview);
        app.component('ui-progress', progress);
        app.component('money', money);
        app.component('search-form-main', searchFormMain);
        app.component('shortcuts-time', shortcutsTime);
        app.component('list-tab', listTab);
    },
};
export { selectRuleModal, selectIconModal, backBtn, uploadBtn, help, page, editor, phonePreview,progress,payType,money,searchFormMain,shortcutsTime,listTab };